<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>jQuery & CSS Dropdown Menu</title>
		<style type="text/css">
			
			li.headlink ul { 
				display: none;
			}
			
			li.headlink:hover ul { 
				display: block;
			}
			
		</style>
		
		<!-- embed jquery by google，藉由google嵌入jquery 1.4.4 -->
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript" language="javascript">
			google.load( "jquery", "1.4.4" );
		</script>
		<script type="text/javascript">
			$( document ).ready( function() {
				
			});
		</script>
		
	</head>
	
	<body>
		<ul id="cssdropdown">
			<li class="headlink">
				<a href="mine.html?search_engines">Search Engines</a>
				<ul>
					<li><a href="http://google.com/">Google</a></li>
					<li><a href="http://yahoo.com/">Yahoo</a></li>
					<li><a href="http://live.com/">Live Search</a></li>
				</ul>
			</li>
			<li class="headlink">
				<a href="mine.html?shopping">Shopping</a>
				<ul>
					<li><a href="http://amazon.com/">Amazon</a></li>
					<li><a href="http://ebay.com/">eBay</a></li>
					<li><a href="http://craigslist.com/">CraigsList</a></li>
				</ul>
			</li>
		</ul>
	</body>
</html>